.maphead{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	padding-top: var(--bar-top);
	padding-bottom: 16rpx;
	height: var(--var-height);
	background-color: #FFFFFF;
	font-size: 32rpx;
	line-height: var(--var-height);
	text-align: center;
	color: #333333;
}
.maplist{
	padding-top: calc(var(--bar-top) + var(--var-height) + 16rpx);
	.mapitem{
		width: 694rpx;
		height: 312rpx;
		margin: 20rpx 28rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		box-sizing: border-box;
		padding: 24rpx 20rpx;
		display: flex;
		justify-content: space-between;
		.mapitem-l{
			width: 200rpx;
			height: 264rpx;
		}
		.mapitem-r{
			width: 430rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			font-size: 24rpx;
			line-height: 30rpx;
			font-weight: bold;
			.mapitem-p1{
				display: flex;
				justify-content: space-between;
				font-size: 36rpx;
				line-height: 40rpx;
				color: #333333;
				.p1-text{
					font-weight: normal;
				}
				.mapitem-img{
					width: 162rpx;
					height: 40rpx;
				}
			}
			.mapitem-p2{
				height: 30rpx;
				color: #333333;
				overflow: hidden;
				display: flex;
				flex-wrap: nowrap;
				justify-content: flex-start;
				.mapitem-introduction{
					// display: inline-block;
					vertical-align: top;
					line-height: 30rpx;
					height: 30rpx;
					display: flex;
					flex: 1;
					// overflow: hidden;
					// text-overflow: ellipsis;
					// white-space: nowrap;
				}
			}
			.mapitem-p3{
				color: #666666;
				line-height: 30rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.mapitem-p4{
				color: #666666;
				height: 30rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.mapitem-p5{
				display: flex;
				justify-content: space-between;
				font-size: 24rpx;
				text-align: center;
				color: #666666;
				.mapitem-button{
					width: 200rpx;
					line-height: 52rpx;
					border-radius: 28rpx;
					border: 2rpx solid #C2C2C2;
					display: flex;
					justify-content: center;
					align-items: center;
					&.current{
						color: #FF6C25;
						border: 2rpx solid #FF6C25;
					}
				}
				.mapitem-location{
					.icon-location{
						margin-right: 12rpx;
					}	
				}
				.mapitem-phone{
					.icon-phone{
						font-size: 22rpx;
						margin-right: 8rpx;
					}
					font-size: 20rpx;
				}
			}
		}
	}
}